<template>
    <div class='videoView'>
             <el-upload class="avatar-uploader"
                    action="上传地址"
                    v-bind:data="{FoldPath:'上传目录',SecretKey:'安全验证'}"
                    v-bind:on-progress="uploadVideoProcess"
                    v-bind:on-success="handleVideoSuccess"
                    v-bind:before-upload="beforeUploadVideo"
                    v-bind:show-file-list="false">
            <video v-if="videoForm.showVideoPath !='' && !videoFlag"
                    v-bind:src="videoForm.showVideoPath"
                    class="avatar video-avatar"
                    controls="controls">
                您的浏览器不支持视频播放
            </video>
            <i v-else-if="videoForm.showVideoPath =='' && !videoFlag"
                class="el-icon-plus avatar-uploader-icon"></i>
            <el-progress v-if="videoFlag == true"
                            type="circle"
                            v-bind:percentage="videoUploadPercent"
                            style="margin-top:7px;"></el-progress>
        </el-upload>
            
    </div>
</template>
<script>
export default {
    name:"videoView",
    props:['images','heights','id','data','index','isreadonly',"appid","label","exkey"],
    data(){
        return{

        }
    }
}
</script>